<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: younghxp
 * @Date: 2022-03-07 10:46:54
 * @LastEditors: younghxp
 * @LastEditTime: 2022-03-08 14:54:46
-->
<template>
  <div class="container">
    <p class="warning">
      <i class="el-icon-warning"></i>
      <span class="desc"
        >说明：统计范围为需上传至湖北省人社平台在建项目相关数据</span
      >
    </p>
    <!-- 项目饼图 -->
    <platform-project></platform-project>
    <!-- 平台各项制度落实情况 -->
    <platform-rule></platform-rule>
    <!-- 各区县制度落实情况详情 -->
    <platform-area-rule></platform-area-rule>
    <!-- 平台项目汇总情况 -->
    <platform-summary></platform-summary>
  </div>
</template>

<script>
import platformProject from './platformProject.vue'
import platformRule from './platformRule.vue'
import platformAreaRule from './platformAreaRule.vue'
import platformSummary from './platformSummary.vue'
export default {
  name: 'platformStatistics',
  components: {
    platformProject,
    platformRule,
    platformAreaRule,
    platformSummary,
  },
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
.container {
  background-color: #f5f7fa !important;
}
.warning {
  height: 36px;
  line-height: 36px;
  background: #fef7eb;
  border-left: 3px solid #ffb96b;
  border-radius: 4px;
  .el-icon-warning {
    font-size: 20px;
    color: #ffb96b;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 12px;
  }
  .desc {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
  }
}
</style>
